*{margin: 0px;padding: 0px; -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;font-family:"Microsoft YaHei"}
html,body{width: 100%;height: 100%;overflow: hidden}
#main {width: 100%;  z-index: 10;  }
.close_bgm{width: 35px;height:35px;position: absolute;top:10px;right:10px;z-index: 11;  }
.zhufu{
    position: absolute;
    bottom: 40px;
    width:80%;left: 10%;
    text-align: center;
    border-left: 1px solid #f6f47a;
    border-right: 1px solid #f6f47a;
    border-bottom: 1px solid #f6f47a;
    border-radius: 5px;
    padding-bottom: 5px;
    }
.zhufu div{
    font-size: 14px;
    color: #fff;
    line-height: 18px;
    border-radius: 20px;
    position: relative;
}
.zhufu_text_div{margin-top: -15px;}
.zhufu .left_line,.zhufu .right_line{width:60px;position: absolute;top:0px;  border-radius: 5px;border-top: 1px solid #f6f47a;height: 5px}
.zhufu .left_line{left: 0px}
.zhufu .right_line{right: 0px;}
.zhufu .user{position: relative;top:-17px;display: inline-block;line-height: 34px;height: 34px;}
.zhufu .user span{display: inline-block;height: 35px;vertical-align: middle}
.head_span{width: 70px;}
.zhufu .head_img{width: 30px;height: 30px;border-radius: 100%;border: 2px solid #550d05;display: inline-block}
.zhufu img{vertical-align: middle;height: 16px;display: inline}
.zhufu .user .logo_text{
    display:inline-block;
    font-weight: bold;
    color: #f6f47a;
    text-align: left;
    top:0px;





}
.zhufu .user .name{
    overflow: hidden;
    display:inline-block;
    color: #f6f47a;
    text-align: right;
    font-weight: bold;
  }
.zhufu .user .logo_text span,.zhufu .user .name span{display: inline-block;width: 100%;overflow: hidden;white-space: nowrap;  text-overflow: ellipsis; }
.gif_div{width: 100%;height: 100%;position: absolute;top:0px;left: 0px;z-index: 1;opacity: 0}
.gif_div img{width: 100%;position: absolute;top:0px;left: 0px;}



